<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="applicable-device" content="mobile">
	<title>我的店铺</title>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="css/user.css">
	<script type="text/javascript" src="js/zepto.min.js"></script>
	<script type="text/javascript" src="js/anim.js"></script>
</head>
<body>
	
	<div class="container">
		<!-- 产品详情页搜索框开始 -->
		<div class="topbar">
			<a href="#">
				<i class="fa fa-angle-left"></i>
			</a>
			<div class="title">
				商铺名称
			</div>
			<a href="#" class="share">
				<i class="fa fa-share-alt"></i>
				<span>分享</span>
			</a>
		</div>
		<!-- 产品详情页搜索框结束 -->

		<div class="shopDetail">
			<img src="img/3d.png" alt="">
		</div>

		<div class="shopMessage">
			<ul>
				<li class="cl">
					<span class="left">联系人：</span>
					<span class="right">某某某</span>
				</li>
				<li class="cl">
					<span class="left">联系电话：</span>
					<span class="right">13212152266</span>
				</li>
				<li class="cl">
					<span class="left">经营地址：</span>
					<span class="right">义乌市国际商贸城五区</span>
				</li>
				<li class="cl">
					<span class="left">主营范围：</span>
					<span class="right">主营类目显示 、类目一、类目二、类目一、类目二、类目一、类目二、类目二、类目二</span>
				</li>
			</ul>
		</div>

		<div class="qrcode">
			<span>店铺二维码</span>
			<i class="fa fa-qrcode"></i>
		</div>

		<div class="map">
			<img src="img/map.png" alt="">
		</div>

		<div class="tabbar">
			<a href="index.html" class="tabbar-item">
				<div class="tabbar_icon">
					
				</div>
				<p class="tabbar_label">店铺首页</p>
			</a>
			<a href="goods.html" class="tabbar-item">
				<div class="tabbar_icon">
					
				</div>
				<p class="tabbar_label">全部商品</p>
			</a>
			<a href="catelist.html" class="tabbar-item">
				<div class="tabbar_icon">
					
				</div>
				<p class="tabbar_label">商品分类</p>
			</a>
			<a href="cart.html" class="tabbar-item">
				<div class="tabbar_icon">
					
				</div>
				<p class="tabbar_label">购物车</p>
			</a>
			<a href="user.html" class="tabbar-item">
				<div class="tabbar_icon  active">
					
				</div>
				<p class="tabbar_label">关于我们</p>
			</a>
		</div>

	
		<div class="app_transition">
			<div class="layer">
				
			</div>
			<div class="big_qrcode">
					<span class="top">商户名称</span>
					<img src="img/qrcode.png" alt="">
					<span class="bottom">店铺二维码</span>
					<i class="fa fa-close"></i>
			</div>
		</div>
	</div>


	<script type="text/javascript">

		$(function(){
			$(".fa-qrcode").click(function(){
				$(".app_transition").show();
	    		$(".app_transition").animate({opacity:1},800);
		    });

		    $(".layer,.fa-close").click(function(){
	    		$(".app_transition").animate({opacity:0},800);
	    		$(".app_transition").hide();
		    });

		    $(".topbar .fa-angle-left").click(function(){
				window.history.back(-1); 
			});
		});

	</script>
</body>
</html>